<template>
  <scroll-view class="full-screen">
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" :images="['/static/images/pic1.png']" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" :images="['/static/images/pic1.png','/static/images/pic1.png']" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" :images="['/static/images/pic1.png','/static/images/pic1.png','/static/images/pic1.png']" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
    <Card title="时光易逝" content="时光易逝222" date="2022-01-01" publishTime="15:30" weather="sunny" />
    <view class="mt-4"></view>
  </scroll-view>
  <AddButton />
</template>

<script lang="ts" setup>
import Card from '@/components/Card.vue'
import AddButton from '@/components/AddButton.vue'
</script>

<style scoped>
.full-screen {
  background-color: #f8f8f8;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

@media (prefers-color-scheme: dark) {
	.full-screen {
    background-color: #1f1f1f;
    margin: 0;
    padding: 0;
    min-height: 100vh;
  }
}
</style>